.serch {
  height: 100vh;
  background-color: #f0f0f0;

  .serch-input {
    height: 1.066667rem;
    line-height: 1.066667rem;

    // background-color: #f0f0f0;

    padding: 0 0.533333rem;
    position: relative;

    input {
      width: 8rem;
      height: 0.8rem;
      border-radius: 0.4rem;
      padding-left: 15px;
      border: none;
    }

    span {
      color: #F03D37;
      font-weight: 500;
      margin-left: 0.266667rem;
    }
  }

  .serch-item {
    margin-top: 0.48rem;
    padding: 0.426667rem;
    background-color: #fff;
    display: flex;
    // justify-content: space-between;
    // align-items: center;

    .item-img {
      img {
        width: 2.666667rem;
        height: 3.6rem;
      }
    }

    .item-content {
      margin-left: 0.266667rem;

      .title {
        font-size: 0.426667rem;
        color: #090909;
      }

      .date {
        margin-top: 0.533333rem;
        color: #8c8c8c;

      }

      .place {
        margin-top: 0.266667rem;
        color: #8c8c8c;


      }

      .price {
        margin-top: 0.533333rem;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .state {

          span {
            color: #000000;
            font-weight: 500;
          }

          .state-left {
            color: #fa6569;
          }
        }

        .nature {
          color: #8c8c8c;
        }
      }
    }
  }

  .serch-tips {
    width: 100%;
    height: 1.066667rem;
    line-height: 1.066667rem;
    text-align: center;
    // font-size: 0.426667rem;
    color: #8c8c8c;

  }



}